<!DOCTYPE html>
<html>
<head>
	<title>商品详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="{G_TEMPLATES_CSS}/wx/style.css" rel="stylesheet">
    <link href="{G_TEMPLATES_CSS}/wx/comm.css" rel="stylesheet">
    <link href="{G_TEMPLATES_CSS}/wx/swiper.min.css" rel="stylesheet">
    <script src="{G_TEMPLATES_JS}/wx/jquery-2.1.4.min.js"></script>
    <script src="{G_TEMPLATES_JS}/wx/swiper.min.js"></script>
    <script type="text/javascript" src='{G_TEMPLATES_JS}/wx/common.js'></script>
    <style>
		body{
			background-color:#F3F3F3;
		}
	</style>
</head>
<body>
	{wc:templates "mobile/index","header"} 
    <div class="swiper-container">
        <div class="swiper-wrapper">
        {wc:loop $item['picarr'] $imgtu} 
        <div class="swiper-slide"><img src="{G_UPLOAD_PATH}/{wc:$imgtu}"></div> 
        {wc:loop:end}   
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <script>
    var swiper = new Swiper('.swiper-container',{
		loop:true,
		pagination : '.swiper-pagination',
		paginationClickable :true,
	});
    </script>
    <script>
	$(document).ready(function(e) {
        $(".swiper-container").height(document.documentElement.clientWidth/1.8);
		$(".swiper-container img").height(document.documentElement.clientWidth/1.8);
    });
</script>
    
    <div class="goods-info-main">
    	<div class="info-name">
        	<div class="name-bt">进行中</div>
            <div class="goods-info-name">
            	(第{wc:$item['qishu']}期){wc:$item['title']} 
            </div>
        </div>
     	
        <div class="search-bar-out" style="margin-top:5px;"><div class="search-bar-in"></div></div>
        <div class="search-goods-num">
            <span class="search-goods-zx">总需：{wc:$item['zongrenshu']}人次</span>
            <span class="search-goods-sy">剩余：{wc:$item['zongrenshu']-$item['canyurenshu']}人次</span>
        </div>
        
        <div class="goods-ts">
        	<div class="goods-ts-font">
        		<img src="{G_TEMPLATES_IMAGE}/wx/smile.png" class="ts-img">
                <span style="color:#909090">表方，机会就在这一次!</span>
            </div>
        </div>
    </div>
    
    <div class="goods-info-list">
    	<ul>
        	<li>
    			<img src="{G_TEMPLATES_IMAGE}/wx/tuwenxiangqing.png" class="info-list-img">
                <span class="info-list-font" style="padding-top:5px;">图文详情</span>
                <img src="{G_TEMPLATES_IMAGE}/wx/go.png" class="info-list-go">
            </li>
            
            <li>
    			<img src="{G_TEMPLATES_IMAGE}/wx/zuixinjiexiao@2x.png" class="info-list-img">
                <span class="info-list-font">往期揭晓</span>
                <img src="{G_TEMPLATES_IMAGE}/wx/go.png" class="info-list-go">
            </li>
            
            <li>
    			<img src="{G_TEMPLATES_IMAGE}/wx/wangqijiexiao.png" class="info-list-img">
                <span class="info-list-font">往期晒单</span>
                <img src="{G_TEMPLATES_IMAGE}/wx/go.png" class="info-list-go">
            </li>
            
            
        </ul>
    </div>
    
    <div class="join-list">
    	<div class="join-list-top">所有参加记录</div>
        <ul>
        	<li>
            	<img src="{G_TEMPLATES_IMAGE}/wx/touimg.png" class="join-list-touimg">
                <span class="join-list-time">{wc:fun:date("Y-m-d H:i:s",$c['time'])}</span>
                <span class="join-list-user"><a href="{WEB_PATH}/mobile/mobile/userindex/{wc:$c['uid']}">{wc:fun:userid($c['uid'],'username')}</a></span>
                <span class="join-name">爱淘就去</span><br />
                <span class="join-num">参与{wc:$c['gonumber']}人次</span><br />
                <span class="join-address">山东省青岛市黄岛区</span>
            </li>
        </ul>
    </div>
    
    <div class="goods-pay">
    	<ul>
        	<li style="width:24%;margin-left:2px;border-right:1px #f3f3f3 solid;"><img src="{G_TEMPLATES_IMAGE}/wx/fenxiang@3x.png" class="goods-pay-img"></li>
            <li><img src="{G_TEMPLATES_IMAGE}/wx/pay-gwc.png" class="goods-pay-img"></li>
            <li class="bag-ye" id="addShopCart">加入购物车</li>
            <li class="bag-red" id="butnow">立即购买</li>
        </ul>
    </div>
</body>
<script>
 var Path = new Object();
  Path.Webpath = "{WEB_PATH}";
   $(function(){
    id="{wc:$item['id']}";
  $("#addShopCart").click(function(){
   l(0,id);
  });
  $("#butnow").click(function(){
   l(1,id);
  });

})
</script>
</html>
